<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h3>Text ... {{ message }}</h3>
    <span> COUNT : {{ count }}  </span> <br>  <br>
    <button @click="toCount" > Now Begin </button>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
// import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

@Component({
  components: {
    // HelloWorld,
  },
})
export default class About extends Vue {
  message:string = 'SINGLE'
  count:number = 0

  toCount(): void {
    this.count += 112
    // this.count = 'www'
  }
}
</script>